#{extends 'main.html' /}

<div id="content">
<div id="main" style="padding-top:0px">
  #{doLayout /}
</div>
<div id="sidebar" style="border:0px solid #aaa; padding-top:0px;">
<div class="sidemenu" align="left">
<style>
.create_offer {
	background-color:#090;
	-moz-border-radius:8px;
	border-radius:8px;
}
.create_offer a {
	color:#fff !important;
}
</style>
<form action="@{BingoSearch.results()}" method="get" style="margin:0;padding:0;background:transparent;border:0;">
<input type="text" name="query" class="search-query" style="margin-top: 5px" placeholder="Search" tabIndex="99" />
</form>
<ul>
<a class=" btn btn-primary"  style="color: #fff;width: 140px" href="@{Offers.create()}">Create Offer</a>

<li></li>
<a class="btn btn-primary" style="color: #fff;width: 140px" href="@{Requests.create()}">Create Request</a>

<li></li>
<a class="btn btn-primary" style="color: #fff;width: 140px" href="@{Handshakes.list()}">My Handshakes</a>

<li></li>
<a class="btn btn-primary" style="color: #fff;width: 140px" href="@{Offers.list()}">My Offers</a>
<li></li>
<a class="btn btn-primary" style="color: #fff;width: 140px" href="@{Requests.list()}">My Requests</a>
</ul>
    </div>
    
   <!-- <div class="popular">
      <h3>Recent Comments</h3>
      <p>No recent comments</p>
    </div> --> 
  </div>

</div>
</div>
</div>